<template>
  <view class="my-settle-container goods-list">
    <view class="my-settle-left">
      <label class="全选">
        <checkbox :checked="isAll" style="transform: scale(.7);"/>
        <text class="chooseAll">全选</text>
      </label>
    </view>
    <view class="my-settle-middle">
      总金额:<text>￥600/</text><text class="point">1500积分</text>
    </view>
    <view class="my-settle-right" @click="settlement">
      <text class="settle">去结算</text>
      <text class="money">(运费: ￥0.00)</text>  
    </view>
  </view>
</template>

<script>
	export default {
		name:"my-settle",
		data() {
			return {
				
			};
		},
		props:{
			isAll:{
				type:Boolean,
				default:false
			}
		}
	}
</script>

<style lang="scss">
.my-settle-container {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 90rpx;
  width: 100%;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .my-settle-right {
    width: 230rpx;
    height: 90rpx;
    background-color: #DCC68D;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .settle {
      font-size: 30rpx;
    }
    .money{
      font-size: 20rpx;
      margin-top: 13rpx;
    }
  }
  .my-settle-middle {
    font-size: 24rpx;
    .point{
      color: #DCC68D;
    }
  }
  
  .my-settle-left {
    .chooseBtn{
     transform:scale(0.7)
    }
    .chooseAll {
      // margin-left: 14rpx;
      font-size: 24rpx;
    }
  }
}


</style>
